<template>
  <div>
    <mheader></mheader>
    <div>
      <mnavi></mnavi>
    </div>
    <div class="container">
      <Row type="flex" justify="center">
        <Col span="17">
        <ul>
          <li v-for="item in items" style="float:left;">
            <mlbox :item="item"></mlbox>
          </li>
        </ul>
        </Col>
      </Row>
      <Row type="flex" justify="end">
        <Col span="8">
        <Page :total="1000" :page-size="12" style="float:left;"></Page>
        </Col>
      </Row>
    </div>

    <mfooter></mfooter>
  </div>
</template>

<script>
  import mtag from "@/components/mtag";
  import mlbox from "@/components/mlbox";
  import mnavi from "@/components/mnavi";
  import mheader from "@/components/mheader";
  import mfooter from "@/components/mfooter";

  export default {
    name: "GoodsL",
    components: {
      mtag,
      mlbox,
      mnavi,
      mheader,
      mfooter
    },
    data() {
      return {}
    },
    methods: {

    }
  }
</script>

<style scoped>

</style>
